<template>
	<div>
		Child...
		{{num}}
	</div>
</template>

<script>

	export default {
		name:"ChildComp",
		/* props\data\methods\computed等数据都会进行数据代理（可以通过this直接访问这些数据）
			2. 声明接受父组件传递的标签属性（只有声明接受了，才能使用）
				props: ["num", "person"],
				props: {
					// 声明接受方式有三种
						num: Number, // 接受num属性，它的值是Number类型
						person: Object,
				}, 
				*/
		props:{
			num:{
				type: Number, //类型
				// required: true, // true为必填
				default: 0, //基本类型默认值直接写，引用类型要写成函数形式
			},
			person: {
				type: Object,
				default: () => ({}),// 默认值（说明当前属性是可选属性）
			}
		},
		mounted() {
			// 3.通过 this 使用 props 数据
			console.log(this.num);
		},
	}
</script>
